<template>
	<view>
		<u-index-list :scrollTop="scrollTop">
			<view v-for="(item, index) in indexList" :key="index">
				<u-index-anchor :index="item" />
				<view class="list-cell" @click="handleSelect(cell)" v-for="(cell, index) in cityList[index].list">
					{{ cell }}
				</view>
			</view>
		</u-index-list>
	</view>
</template>

<script>
export default {
	data() {
		return {
			scrollTop: 0,
			indexList: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'W', 'X', 'Y', 'Z'],
			cityList: [
				{
					letter: 'A',
					list: ['阿克苏市', '安庆市', '安顺市', '安阳市', '鞍山市']
				},
				{
					letter: 'B',
					list: ['白城市', '白山市', '白银市', '蚌埠市', '保定市', '宝鸡市', '保山市', '巴中市', '北海市', '本溪市', '滨州市', '亳州市', '北京市']
				},
				{
					letter: 'C',
					list: [
						'沧州市',
						'常德市',
						'常州市',
						'巢湖市',
						'朝阳市',
						'潮州市',
						'郴州市',
						'承德市',
						'成都市',
						'池州市',
						'赤峰市',
						'滁州市',
						'楚雄市',
						'慈溪市',
						'长春市',
						'长沙市',
						'长治市'
					]
				},
				{
					letter: 'D',
					list: ['大连市', '丹东市', '大庆市', '大同市', '达州市', '德阳市', '德州市', '东莞市', '东营市']
				},
				{
					letter: 'E',
					list: ['鄂尔多斯市', '鄂州市']
				},
				{
					letter: 'F',
					list: ['防城港市', '佛山市', '福州市', '抚顺市', '阜阳市', '阜新市', '抚州市']
				},
				{
					letter: 'G',
					list: ['赣州市', '桂林市', '贵港市', '贵阳市', '广州市', '广元市', '广安市', '固原市', '贵港市']
				},
				{
					letter: 'H',
					list: [
						'杭州市',
						'合肥市',
						'哈尔滨市',
						'海口市',
						'邯郸市',
						'汉中市',
						'鹤壁市',
						'河池市',
						'衡水市',
						'衡阳市',
						'菏泽市',
						'贺州市',
						'鹤岗市',
						'黑河市',
						'呼和浩特市',
						'葫芦岛市',
						'湖州市',
						'黄冈市',
						'黄山市',
						'黄石市',
						'惠州市'
					]
				},
				{
					letter: 'J',
					list: [
						'吉林市',
						'济南市',
						'济宁市',
						'嘉兴市',
						'江门市',
						'焦作市',
						'揭阳市',
						'金华市',
						'锦州市',
						'荆州市',
						'景德镇市',
						'九江市',
						'酒泉市',
						'佳木斯市',
						'吉安市',
						'晋中市',
						'晋城市',
						'荆门市'
					]
				},
				{
					letter: 'K',
					list: ['开封市', '克拉玛依市', '昆明市']
				},
				{
					letter: 'L',
					list: [
						'兰州市',
						'拉萨市',
						'乐山市',
						'丽江市',
						'丽水市',
						'连云港市',
						'辽阳市',
						'聊城市',
						'临沧市',
						'临汾市',
						'临沂市',
						'柳州市',
						'六安市',
						'龙岩市',
						'泸州市',
						'吕梁市',
						'洛阳市',
						'漯河市'
					]
				},
				{
					letter: 'M',
					list: ['马鞍山市', '茂名市', '眉山市', '梅州市', '绵阳市', '牡丹江市']
				},
				{
					letter: 'N',
					list: ['南昌市', '南京市', '南宁市', '南充市', '南平市', '南通市', '南阳市', '宁波市', '宁德市', '内江市', '那曲市']
				},
				{
					letter: 'P',
					list: ['盘锦市', '平顶山市', '普洱市', '莆田市', '萍乡市', '攀枝花市', '濮阳市']
				},
				{
					letter: 'Q',
					list: ['青岛市', '庆阳市', '清远市', '秦皇岛市', '泉州市', '曲靖市', '衢州市', '齐齐哈尔市', '七台河市', '钦州市']
				},
				{
					letter: 'R',
					list: ['日照市', '日喀则市']
				},
				{
					letter: 'S',
					list: [
						'上海市',
						'深圳市',
						'沈阳市',
						'石家庄市',
						'苏州市',
						'汕头市',
						'汕尾市',
						'韶关市',
						'绍兴市',
						'邵阳市',
						'十堰市',
						'三门峡市',
						'三明市',
						'四平市',
						'松原市',
						'绥化市',
						'随州市',
						'宿迁市',
						'宿州市',
						'遂宁市'
					]
				},
				{
					letter: 'T',
					list: ['太原市', '泰安市', '唐山市', '台州市', '泰州市', '天津市', '天水市', '铁岭市', '通辽市', '铜川市', '通化市', '铜陵市', '铜仁市']
				},
				{
					letter: 'W',
					list: ['武汉市', '乌鲁木齐市', '温州市', '芜湖市', '吴忠市', '梧州市', '潍坊市', '威海市', '渭南市', '乌海市', '乌兰察布市']
				},
				{
					letter: 'X',
					list: [
						'西安市',
						'厦门市',
						'湘潭市',
						'襄阳市',
						'咸阳市',
						'西宁市',
						'咸宁市',
						'新乡市',
						'信阳市',
						'邢台市',
						'徐州市',
						'许昌市',
						'宣城市',
						'孝感市',
						'新余市',
						'忻州市'
					]
				},
				{
					letter: 'Y',
					list: [
						'银川市',
						'雅安市',
						'延安市',
						'盐城市',
						'阳泉市',
						'宜宾市',
						'宜昌市',
						'宜春市',
						'营口市',
						'永州市',
						'榆林市',
						'玉林市',
						'玉溪市',
						'运城市',
						'岳阳市',
						'云浮市',
						'烟台市'
					]
				},
				{
					letter: 'Z',
					list: [
						'重庆市',
						'郑州市',
						'珠海市',
						'镇江市',
						'湛江市',
						'肇庆市',
						'漳州市',
						'张家口市',
						'张家界市',
						'周口市',
						'驻马店市',
						'中山市',
						'舟山市',
						'株洲市',
						'淄博市',
						'自贡市',
						'资阳市',
						'枣庄市',
						'遵义市'
					]
				}
			]
		};
	},
	methods: {
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
		},
		handleSelect(value) {
			const pages = getCurrentPages();
			const prevPage = pages[pages.length - 2]; // 获取上级页面实例
			prevPage.city = value;
			wx.navigateBack();
		}
	}
};
</script>

<style lang="scss" scoped>
.list-cell {
	display: flex;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 24rpx;
	overflow: hidden;
	color: #323233;
	font-size: 14px;
	line-height: 24px;
	background-color: #fff;
}
</style>
